<%@page import="com.epcs.util.EpcsDateTimeUtil"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<style>
.tagsinput{
	height: auto !important;
}
</style>

	<%
		String datetime = EpcsDateTimeUtil.getCurrentIsoByPattern("yyyy-MM-dd'T'HH:mm:ssZ");
		datetime = EpcsDateTimeUtil.convertToJSPDatetime(datetime);
		request.setAttribute("CURRENT_DATETIME", datetime);
	%>
<div class="modal-header" style="background-color: #62a8d1; color: white;">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	<h4 class="modal-title" id="myModalLabel">
		Thông Tin Sự Kiện
	</h4>
</div>
<s:set var="event_iter" value="%{#request.EVENT_DETAIL}"></s:set>
<div class="modal-body">		
	<div class="row deliverEvent">								
		<div class="row">
			<div class="col-md-9">
				<a	href="PublicEventDetail.do?id=${event_iter.eventId}">
					<span style="font-size: 19"><b> ${event_iter.title}</b></span>
				</a>
			</div>
			<div class="col-md-3">
			</div>
		</div>
		<div class="row">
			<div class="col-md-3"><b>Địa điểm: </b> </div>
			<div class="col-md-9">${event_iter.location}</div>
		</div>
			<div class="row">
					<div class="col-md-3"><b>Thể loại: </b> </div>
					<div class="col-md-7">
					
						<s:if test="%{#event_iter.eventcategory == ''}">
						Chưa cập nhật
					</s:if>
					<s:else>
							<s:property value="%{#event_iter.eventcategory.eventCategoryName}"/>
					</s:else>
					</div>
				</div>
		<div class="row">
			<div class="col-md-3"><b>Thời gian diễn ra: </b> </div>
			<div class="col-md-7">
				<fmt:parseDate value="${event_iter.startTime}" pattern="yyyy-MM-dd'T'HH:mm:ssZ" var="start" />
				<fmt:parseDate value="${event_iter.endTime}" pattern="yyyy-MM-dd'T'HH:mm:ssZ" var="stop" />
				<div class="row">
					<div class="col-md-12">
					Từ 
					<s:if test="%{#event_iter.isAllDayEvent}">
						<fmt:formatDate value="${start}" pattern="'sáng ngày' dd 'tháng' MM 'năm' yyyy" />
					</s:if>
					<s:else>
						<fmt:formatDate value="${start}" 
						pattern="HH 'giờ' mm 'phút, ngày' dd 'tháng' MM 'năm' yyyy" />
					</s:else>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
					Đến 
					<s:if test="%{#event_iter.isAllDayEvent}">
						<fmt:formatDate value="${stop}" pattern="'chiều ngày' dd 'tháng' MM 'năm' yyyy" />
					</s:if>
					<s:else>
						<fmt:formatDate value="${stop}" 
						pattern="HH 'giờ' mm 'phút, ngày' dd 'tháng' MM 'năm' yyyy" />
					</s:else>
					</div>
				</div>
			</div>	
		</div>
		<div class="row">
			<div class='deliverLine'></div>
			<div class="col-md-11"><b>Mô tả: </b> 
				<s:if test="%{#event_iter.description != ''}">${event_iter.description}</s:if>
				<s:else>Không có mô tả!</s:else>
			</div>
		</div>
	</div>
</div>
<div class="modal-footer">				
	<s:set var="currentTime" value="%{#request.CURRENT_DATETIME}" ></s:set>
	<fmt:parseDate value="${event_iter.endTime}" pattern="yyyy-MM-dd'T'HH:mm:ssZ" var="end"/>	
	<fmt:parseDate value="${currentTime}" pattern="yyyy-MM-dd'T'HH:mm:ssZ" var="current"/>	
	<fmt:parseDate value="${event_iter.startTime}" pattern="yyyy-MM-dd'T'HH:mm:ssZ" var="start"/>	
	<s:set var="now">${current.time}</s:set>
	<s:set var="finish">${end.time}</s:set>
	<s:set var="begin">${start.time}</s:set>
	
	<!--Sự kiện hết hạn  -->
	<s:if test="%{#now > #finish}">
		<input type="hidden" name="id" value ="${event_iter.eventId}" />	
		<button type="button"  class="btn btn-danger btn-xs" style="float: left" 
			onclick="cancelEvent('${event_iter.eventId}', this, 'finished')">
			<i class="icon-bitbucket bigger-160"> Xóa sự kiện</i></button>
	</s:if> 
	<!-- Sự kiện đang diễn ra -->
	<s:elseif test="%{#now > #begin}">
	<!-- Sự kiện của chính nó -->
		<s:if test="%{#event_iter.organizer == null}">
			<a href="PublicEventDetail.do?id=${event_iter.eventId} "class="btn btn-info btn-xs">
				<i class="icon-exclamation bigger-160"> Xem chi tiết</i></a>
		</s:if>
		<!-- Sự kiện nó follow -->
		<s:if test="%{#event_iter.organizer != null}">
			<a href="PublicEventDetail.do?id=${event_iter.originalEvent.eventId} "class="btn btn-info btn-xs">
				<i class="icon-exclamation bigger-160"> Xem chi tiết</i></a>
		</s:if>
	</s:elseif>
	
	<!-- Sự kiện sắp diễn ra -->
	<s:else>
		<!-- Sự kiện của chính nó -->
		<s:if test="%{#event_iter.organizer == null}">
			<input type="hidden" name="id" value ="${event_iter.eventId}" />	
			<button type="button"  class="btn btn-danger btn-xs" style="float: left"
				onclick="cancelEvent('${event_iter.eventId}', this, 'coming')">
				<i class="icon-lock bigger-160"> Đóng sự kiện</i></button>
			<a href="EventDetail.do?id=${event_iter.eventId}" class="btn btn-warning btn-xs">
				<i class="icon-edit bigger-160"> Chỉnh sửa</i></a>
			<a href="PublicEventDetail.do?id=${event_iter.eventId}"class="btn btn-info btn-xs">
				<i class="icon-exclamation bigger-160"> Xem chi tiết</i></a>
		</s:if>
		<!-- Sự kiện nó follow -->
		<s:if test="%{#event_iter.organizer != null}">
			<input type="hidden" name="id" value ="${event_iter.eventId}" />	
			<button type="button" class="btn btn-danger btn-xs" style="float: left"
				onclick="changeFollowingForManagement('${event_iter.originalEvent.eventId}', this)">
				<i class="icon-eye-close bigger-160"> Hủy theo dõi</i></button>
			<a href="PublicEventDetail.do?id=${event_iter.originalEvent.eventId} "class="btn btn-info btn-xs">
				<i class="icon-exclamation bigger-160"> Xem chi tiết</i></a>
		</s:if>
	
	</s:else>
	
</div>
	
<script>
function gritter(title, content) {
    $.extend($.gritter.options, { 
    	position: 'bottom-left', // defaults to 'top-right' but can be 'bottom-left', 'bottom-right', 'top-left', 'top-right' (added in 1.7.1)
    	fade_in_speed: 'medium', // how fast notifications fade in (string or int)
		fade_out_speed: 2000, // how fast the notices fade out
		time: 6000 // hang on the screen for...
});
    var unique_id = $.gritter.add({
        title: title,
        text: content,
        sticky: true,
        time: 2000,
        position: 'bottom-left'
    });
    setTimeout(function () {
        $.gritter.remove(unique_id, {
            fade: true,
            speed: 'fast'
        });
    }, 2000)

};
// type= {following, coming, finished}
function cancelEvent(eventId, button, type){
    // ko cho user bấm nữa
    button.setAttribute("disabled", "disabled");
    
    $.ajax({
           url: "CancelEvent.do",
           type: "post",
           data: { id: eventId},
           success: function (data) {
           	if (data.ajaxResult != "Unauthorized"){
           	    	   
           		if (data.ajaxResult != "Fail"){
           		 	window.location.href = "Index.do";
           		} else {
           			// mở lại button cho user bấm
               		button.removeAttribute("disabled");
           		    var alertStr = 'Chưa thể ';
           		    if (type =='finished') {
           				alertStr = alertStr + 'xóa sự kiện';
           		    } else if (type =='coming'){
           				alertStr = alertStr + 'đóng sự kiện';
           		    } else if (type =='following'){
           				alertStr = alertStr + 'hủy theo dõi sự kiện';
           		    }
           			alert(alertStr);
           		}
           	} else {
           		window.location.href = "Index.do";
           	}
           },
           error: function (data) {
               alert("Hệ thống tạm thời gián đoạn!");
           }
       });
}
// event nhấn nút theo dõi / hủy theo dõi
function changeFollowingForManagement(eventId,button,type){
 	// ko cho user bấm nữa
    button.setAttribute("disabled", "disabled");
    $.ajax({
        url: "ChangeFollowingForManagement.do",
        type: "GET",
        data: {eventIdForManagerment: eventId},
        success: function (data) {
        	  button.removeAttribute("disabled");
        	  if (data != "Unauthorized"){
        			if(data != "cancelled"){
        	       		if (data != "Fail"){
	            			window.location.href = "Index.do";
        	       		}
	              		else {
	              			
	              				alertStr ='Có lỗi xảy ra. Vui lòng thử lại sau';
	              			alert(alertStr);
	              		}
        			}else{
        				alert("Sự kiện này đã bị đóng");
            			window.location.href = "Index.do";
        			}
   
          	} else {
          		window.location.href = "Index.do";
          	}
        	
        	
        },
        error: function (data) {
            alert("fail");
        }
    });
}
</script>
